html {margin: 0; padding: 0; }

body {margin: 0;padding: 2 2 2 2; background: #FFF; font-family: arial, helvetica, sans-serif; font-size: medium; }

form {padding: 0; margin: 0;}

img {border: 0;}

h4 {font-size: 140%;}
/* default links */
a:link, a:visited {color: #62a400;}
a:hover {color: #ff8900;}
a:active {color: #62a400; text-decoration: none;}

div.hr_dashed {height: 1px; background: url(/js/images/bg_dashe.gif) repeat-x #dbdbdb; margin: 10px 0 20px 0;}
div.hr_dashed hr {display: none;}
div.hr_orange {height: 3px; background: #dbdbdb/* ffbd08 */; margin: 0;}
div.hr_orange hr {display: none;}


/* layout */
table#layout {width: 100%; padding: 0; margin: 0;}
table#layout td.top {vertical-align: top;}
table#layout td.middle {vertical-align: top;}
table#layout td.bottom {vertical-align: top;}

/* header */
table#header {width: 100%; height: 73px; background: url(/js/images/bg_heade.gif) repeat-x #fff;}
table#header td.logo {vertical-align: bottom; padding-left: 18px;}
table#header td.nav {padding: 0 10px;}

/* navigation */
table#navigation {width: 100%; height: 40px;}
table#navigation td {width: 17%; text-align: center; padding: 0 10px;}
table#navigation td.sep {width: 1px; background: url(/js/images/sep.gif) repeat-y; padding: 0;}
table#navigation td a {font: bold 12px Arial, Verdana, Helvetica, sans-serif; color: #747474; text-decoration: none;}
table#navigation td a:hover {font: bold 12px Arial, Verdana, Helvetica, sans-serif; color: #ff8900;}
table#navigation td a#topselected {font: bold 12px Arial, Verdana, Helvetica, sans-serif; color: #62a400;}

/* title */
table#title {width: 100%; height: 84px; margin-bottom: 2px; background: url(/js/images/bg_title.jpg) #83d901 no-repeat 100% 100%;}
table#title td.title_top {width: 100%; height: 21px; background: url(/js/images/bg_title.gif) repeat-x;}
table#title td.title_bottom_left {width: 50%; height: 63px; background: url(/js/images/bg_titlf.jpg) no-repeat;}
table#title td.title_bottom_right {width: 50%; text-align: right;}
table#title td.title_bottom_right h1 {font: normal 27px Arial, Tahoma, Helvetica, sans-serif; color: #fff; margin: 0 30px 5px 0; padding: 0;}

/* language */
/* table#navigation td #language {font: bold 11px Arial, Verdana, Helvetica, sans-serif; color: #dbdbdb; padding: 0 0 0 10px;}
table#navigation td #language span {color: #62a400; font: bold 11px Arial, Verdana, Helvetica, sans-serif;}
table#navigation td #language a {font: bold 11px Arial, Verdana, Helvetica, sans-serif;}
table#navigation td #language a:hover {color: #ff8900;} */

/* splash */
table#splash {width: 100%; height: 281px; background: url("/js/images/bg_splas.gif") repeat-x 100% 0 #195bbc;}
table#splash td table {width: 100%; height: 281px; background: url("/js/images/splash_r.jpg") no-repeat 100% 0;}
table#splash td table th {width: 50%; text-align: center; vertical-align: bottom;}
table#splash td table td {width: 50%; text-align: center; padding-left: 20px;}

h1#history {padding: 0 0 0 10px; margin: 0; font: normal 11px Tahoma, Arial, Helvetica, sans-serif; color: #fff;}
h1#history a {font: normal 12px Arial, Tahoma, Helvetica, sans-serif; color: #fff; padding: 0 5px; text-decoration: none;}
h1#history a:hover {color: #fff; text-decoration: underline;}

table#contentMain {width: 100%; height: 100%;}
table#contentMain td.left {width: 270px; padding: 20px 0 0 20px; vertical-align: top; border-right: #dbdbdb groove 0px;}
ul.menu {list-style: none; padding-left: 51; margin: 0;}
ul.menu li {font: 12px Arial, Verdana, Helvetica, sans-serif;}
ul.menu li a {color: #808080; text-decoration: none; line-height: 1.5; padding-left: 23px;}
ul.menu li a:hover {color: #990000; text-decoration: none; line-height: 1.5; padding-left: 23px;}
ul.menu li a.tab {background: url(/js/images/tb.gif) no-repeat 0 0;cursor: pointer;}
ul.menu li a.copy {background: url(/js/images/cp.gif) no-repeat 0 0;cursor: pointer;}
ul.menu li a.prev {background: url(/js/images/pr.gif) no-repeat 0 0;cursor: pointer;}
ul.menu li a.create {background: url(/js/images/cr.gif) no-repeat 0 0;cursor: pointer;}
ul.menu li a.search {background: url(/js/images/se.gif) no-repeat 0 0;cursor: pointer;}
ul.menu li a.set {background: url(/js/images/set.gif) no-repeat 0 0;cursor: pointer;}
ul.menu li a.mast {background: url(/js/images/mas.gif) no-repeat 0 0;cursor: pointer;}

div.wrapped {padding: 0 0 0 0; width: 10px;}
div.test {padding: 0 0 0 0; font-size: 75%;}
div.test img {padding: 0 5px 0 0;}
div.test span {font: 11px Arial, Verdana, Helvetica, sans-serif; color: #747474;}

table#contentMain td.right {vertical-align: top;}
table.create {width: 350px; color: #747474; margin: 0 0 0 200px;}
table.create td, table.create th {font-size: 80%; padding: 10px 0 0 20px; text-align: left;}



/* footer */
table#layout tr.bottom {height: 100px;}
#footer {width: 100%;}
#footer td {font: normal 11px Arial, Tahoma, Helvetica, sans-serif; color: #b2b2b2; padding: 10px 20px; text-align: center;}


/* news */
table.news {font-size: 80%; width: 99%; border: #747474 dotted 1px; border-right: 0; border-bottom: 0;}
table.news th, table.news td {border-bottom:  #747474 dotted 1px; border-right:  #747474 dotted 1px; text-align: left;}
table.news th, table.news td {padding: 7px 10px 7px 10px;}
table.news td.top {padding: 10px 0 10px 10px;}
table.news td.top h3 {color: #747474;}
table.news img {padding: 0 10px 0 0;}
table.add {width: 100%; font-size: 80%; margin: 5px 0 0 0; border: #747474 dotted 1px; border-right: 0; border-bottom: 0;}
table.add  th, table.add  td {text-align: left; padding: 5px 0 5px 10px; border-bottom:  #747474 dotted 1px; border-right:  #747474 dotted 1px;}


/* icons */
table.icons {font-size: 80%; }
table.icons td {padding: 0 20px 0 20px; text-align: center; font-weight: bold;}
table.icons td a:link, table.icons td a:visited {color: #747474;}
table.icons td a:hover, table.icons td a:active {color: #ff8900;}


table.tree {margin: 20px 0 20px 0;}
table.tree td {font-size: 80%;}
table.tree td  a {color: #000;}
table.tree td  a:hover {color: #ff8900;}
table.tree td a.add {color: #62a400; font-weight: bold;}


table#templ {margin: 40px auto 0 auto; font-size: 80%; width: 500px; border: #747474 dotted 1px; background: #daffa0; border-right: 0; border-bottom: 0;}
table#templ th {text-align: left;}
table#templ th, table#templ td {padding: 7px 10px 7px 10px; border-bottom:  #747474 dotted 1px; border-right:  #747474 dotted 1px;}
table#templ tr.sec {background: #efffd7;}
table#templ tr.sec td {text-align: right;}
table#templ a {color: #000; font-weight: bold;}
table#templ a:hover {color: #ff8900;}

table#users {width: 500px; font-size: 85%; border: #747474 dotted 1px; margin: 20px 0 20px 0; border-right: 0; border-bottom: 0;}
table#users td, table#users th {border-bottom:  #747474 dotted 1px; border-right:  #747474 dotted 1px; padding: 4px 10px 4px 10px; width: 50%;}
table#users tr.fir {background: #daffa0;}
table#users tr.sec {background: #efffd7;}
table#users a {color: #000;}
table#users a:hover {color: #ff8900;}




/*������ */
div.nums {padding: 30px 0 0 0; font-size: 75%; text-align: center;}
div.nums .arr {padding:0 0.5em 0 0.4em; color: #000;}
div.nums .arr.disabled {color: #999;}
div.nums .arr span {padding: 0 0.3em;}
div.nums .numbers {padding: 1em 0; font-weight: bold;}
div.nums .numbers  a, div.nums .numbers  span {margin: 0 10px 0 0; background: #83d901; padding: 5px 8px; color: #fff;cursor: pointer;}
div.nums .numbers  a:hover {background: #bceb76;}
div.nums .numbers  span.active {color: #fff; background: #ffbd08;}

span.a_browse {font-size: 160%;}

/* ������ ������ */
.tree { list-style-type: none; padding: 0px;}
.tree li a {font-size: 11px;}
.tree .child {display: none; padding-left: 20px; background: url(/js/images/tree_left.png) no-repeat 3% %; }


.right_options {display: inline-block; position: absolute; left: 230px; margin-top: -15px; }

.tpleditor {width:800px; height:350px}